import * as React from 'react';
import {observer} from 'mobx-react';
import {MySpin} from '../../../component/spin/Spin';
import {AddFormModal} from './add/Add';
import {SudokuShowModal} from './show/Show';
import {ListTable} from './list/List';
import {SudokuListSearchBar} from './searchBar/SearchBarView';
import {listStore} from './SudokuStore';
import './SudokuStyle.less';

@observer
export class SudokuList extends React.Component<any, any> {
    render() {
        return (
            <div>
                <MySpin SpiLoading={listStore._SpiLoading}/>
                <SudokuListSearchBar/>
                <ListTable/>
                <AddFormModal/>
                <SudokuShowModal/>
            </div>
        )
    }
}